<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="author" content="深圳沙漠风网络科技 www.szweb.cn" />
    <title>广州建胜工程咨询有限公司-新风系统,管道风机,换气扇,浴暖宝(浴霸),中央吸尘系统,垃圾压缩机,高效过滤新风机,免费换气设计</title>
    <meta name="keywords" content="新风系统,管道风机,换气扇,排气扇,浴暖宝,浴霸,天埋扇,暖浴快,PM2.5新风机,高效过滤新风机,中央吸尘系统,垃圾压缩机,布朗新风系统,免费换气设计,美国百朗,百朗中国,美国布朗,hepa新风系统,broan新风系统,broan换气扇,太阳能换气扇" />
    <meta name="Description" content="广州建胜工程咨询有限公司是美国百朗全资子公司,主要从事BROAN品牌新风系统,管道风机,换气扇,浴暖宝(浴霸),中央吸尘器等产品研发和销售,现诚招优质经销商,电话4006113623" />
    <link href="css/global.css" rel="stylesheet" type="text/css" />
    <link href="css/layout.css" rel="stylesheet" type="text/css" />
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-1.8.3.min_2.js"></script>
</head>
<body>

<div class="header">
    <div class="header-left">
        <a href="index.html"><img src="img/logo.jpg"><p>广州建胜工程咨询有限公司</p></a>
    </div>
    <div class="header-right">
        <p>全国免费电话：400-822-9957</p>
        <p>售后服务热线：020-66635816</p>
        <p>投诉服务热线：134-3032-9687</p>
    </div>
</div>

<div class="headernav">
    <div class="nav">
        <ul>
            <li><a href="index.html">首页</a></li>
            <li class="cur"><a href="product.html">新风系统</a></li>
            <li><a href="Default.html">光触媒</a></li>
            <li><a href="Default.html">空气净化器</a></li>
            <li><a href="Default.html">净水器</a></li>
            <li><a href="jion.html">招商加盟</a></li>
            <li><a href="reserve.html">线上预定</a></li>
            <li><a href="about.html">关于公司</a></li>
        </ul>
        <div class="curBg"></div>
        <div class="cls"></div>
    </div>
</div>


<div class="productbanner" style="margin-top: -20px;">
    <a href="#"><img src="img/banner.jpg" /></a>
</div>

<div class="container">
    <div class="col-xs-12">
        <h2 align="center" style="padding-bottom: 30px;">新风系统产品列表</h2>
        <div class="media">
            <a class="media-left media-middle col-xs-offset-1" href="Default.html">
                <img src="img/x1.jpg" alt="...">
            </a>
            <div class="media-body">
                <a href="Default.html"><h4 class="media-heading">新风系统系列</h4></a>
                这里是文章内容。文章内容可以在后台随便修改。这里是文章内容。文章内容可以在后台随便修改。这里是文章内容。文章内容可以在后台随便修改。这里是文章内容。文章内容可以在后台随便修改。
                <ul><h4>特点：</h4>
                    <li>这里是文章内容。文章内容可以在后台随便修改。</li>
                    <li>这里是文章内容。文章内容可以在后台随便修改。</li>
                    <li>这里是文章内容。文章内容可以在后台随便修改。</li>
                    <li>这里是文章内容。文章内容可以在后台随便修改。</li>
                </ul>
            </div>
        </div>
        <div class="media">
            <a class="media-left media-middle col-xs-offset-1" href="Default.html">
                <img src="img/x1.jpg" alt="...">
            </a>
            <div class="media-body">
                <a href="Default.html"><h4 class="media-heading">新风系统系列</h4></a>
                这里是文章内容。文章内容可以在后台随便修改。这里是文章内容。文章内容可以在后台随便修改。这里是文章内容。文章内容可以在后台随便修改。这里是文章内容。文章内容可以在后台随便修改。
                <ul><h4>特点：</h4>
                    <li>这里是文章内容。文章内容可以在后台随便修改。</li>
                    <li>这里是文章内容。文章内容可以在后台随便修改。</li>
                    <li>这里是文章内容。文章内容可以在后台随便修改。</li>
                    <li>这里是文章内容。文章内容可以在后台随便修改。</li>
                </ul>
            </div>
        </div>
        <div class="media">
            <a class="media-left media-middle col-xs-offset-1" href="Default.html">
                <img src="img/x1.jpg" alt="...">
            </a>
            <div class="media-body">
                <a href="Default.html"><h4 class="media-heading">新风系统系列</h4></a>
                这里是文章内容。文章内容可以在后台随便修改。这里是文章内容。文章内容可以在后台随便修改。这里是文章内容。文章内容可以在后台随便修改。这里是文章内容。文章内容可以在后台随便修改。
                <ul><h4>特点：</h4>
                    <li>这里是文章内容。文章内容可以在后台随便修改。</li>
                    <li>这里是文章内容。文章内容可以在后台随便修改。</li>
                    <li>这里是文章内容。文章内容可以在后台随便修改。</li>
                    <li>这里是文章内容。文章内容可以在后台随便修改。</li>
                </ul>
            </div>
        </div>
        <div class="media">
            <a class="media-left media-middle col-xs-offset-1" href="Default.html">
                <img src="img/x1.jpg" alt="...">
            </a>
            <div class="media-body">
                <a href="Default.html"><h4 class="media-heading">新风系统系列</h4></a>
                这里是文章内容。文章内容可以在后台随便修改。这里是文章内容。文章内容可以在后台随便修改。这里是文章内容。文章内容可以在后台随便修改。这里是文章内容。文章内容可以在后台随便修改。
                <ul><h4>特点：</h4>
                    <li>这里是文章内容。文章内容可以在后台随便修改。</li>
                    <li>这里是文章内容。文章内容可以在后台随便修改。</li>
                    <li>这里是文章内容。文章内容可以在后台随便修改。</li>
                    <li>这里是文章内容。文章内容可以在后台随便修改。</li>
                </ul>
            </div>
        </div>



    </div>
</div>

<div class="footer">
    <div class="footlink">
        <div class="web clearfix">
            <ul class="lanlist clearfix">
                <li class="lastweixin">
                    <h4>广州建胜官方微信</h4>
                    <img src="img/wx.jpg" width="113" height="113" />
                    <p>扫描二维码，关注我们</p>
                </li>
                <li>
                    <p class="thistitle"><a href="Default.html">新风系统</a></p>
                    <p><a href="Default.html">中央式</a></p>
                    <p><a href="Default.html">壁特式</a></p>
                    <p><a href="Default.html">阳台明装式</a></p>
                    <p><a href="Default.html">立式</a></p>
                </li>
                <li>
                    <p class="thistitle"><a href="Default.html">光触媒</a></p>
                    <p><a href="Default.html">空气检测</a></p>
                    <p><a href="Default.html">室内除甲醛</a></p>
                    <p><a href="Default.html">车内除甲醛</a></p>
                </li>
                <li>
                    <p class="thistitle"><a href="Default.html">空气净化器</a></p>
                    <p><a href="Default.html">室内空气净化器</a></p>
                    <p><a href="Default.html">车载空气净化器</a></p>
                </li>
                <li>
                    <p class="thistitle"><a href="Default.html">净水器</a></p>
                    <p><a href="Default.html">厨房净水系统</a></p>
                    <p><a href="Default.html">RO纯水净水系统</a></p>
                    <p><a href="Default.html">中央净水系统</a></p>
                    <p><a href="Default.html">工程商务净水系统</a></p>
                </li>
                <li>
                    <p class="thistitle"><a href="Default.html">招商加盟</a></p>
                    <p><a href="Default.html">精工商品</a></p>
                    <p><a href="Default.html">加盟支持</a></p>
                    <p><a href="Default.html">加盟优势</a></p>
                    <p><a href="Default.html">加盟申请</a></p>
                </li>
                <div class="footabout">
                    <h4>广州建胜工程咨询有限公司</h4>
                    <p><a href="Default.html">广州建胜工程咨询有限公司</a></p>
                    <p><a href="Default.html">全国免费服务咨询中心：400822-9957</a></p>
                    <p><a href="Default.html">售后服务热线：020-66635816</a></p>
                    <p><a href="Default.html">投诉热线：134-3032-9687</a></p>
                    <p><a href="Default.html">邮箱：gzjs800@163.com</a></p>
                    <p><a href="Default.html">备案号:粤ICP备15105541号</a></p>
                </div>
            </ul>

        </div>
    </div>
</div>

<!--qq聊天代码部分begin-->

<link href="css/style.css" rel="stylesheet" type="text/css">
<div id="menuRight">
    <a target="_blank"  href="http://wpa.qq.com/msgrd?v=3&uin=673457942&site=qq&menu=yes" id="udesk-feedback-tab" class="udesk-feedback-tab-left" style="display: block; background-color: black;"><div id="triangle1"></div><div id="oneCon1"></div></a>
    <div class="izl-rmenu">
        <a class="consult" target="_blank"><div id="triangle2"></div><div class="phone" style="display:none;">020-66635816</div><div id="oneCon2"></div></a>
        <a class="cart"><div id="triangle3"></div><div class="pic"></div><div id="oneCon3"></div></a>
        <a href="javascript:void(0)" class="btn_top" style="display: block;"></a>
    </div><!--http://b.qq.com/webc.htm?new=0&sid=673457942&o=gzjs12315.com&q=7-->
</div>

<script type="text/javascript">
    window.onload = function () {
        window.onscroll =function () {
            var oDiv = document.getElementById('menuRight');
            var scrollTop = document.documentElement.scrollTop||document.body.scrollTop;

            //oDiv.style.top = scrollTop+(document.documentElement.clientHeight - oDiv.offsetHeight)/2+'px';
            var t = scrollTop+(document.documentElement.clientHeight - oDiv.offsetHeight)/2;
            startMove(parseInt(t));
        };
        var timer = null;
        function startMove(iTarget) {
            var oDiv = document.getElementById('menuRight');
            clearInterval(timer);
            timer = setInterval(function () {
                var iSpeed = (iTarget-oDiv.offsetTop)/8;
                iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);

                if(oDiv.offsetTop == iTarget){
                    clearInterval(timer);
                }else {
                    oDiv.style.top = oDiv.offsetTop+iSpeed+'px';
                }

            }, 30);
        }
    };
</script>
<!--qq聊天代码部分end-->
<script>window.jQuery || document.write('<script src="js/jquery-1.8.3.min_2.js"><\/script>')</script>
<script type="text/javascript">
    /*---------返回顶部----------*/
    $(function() {
        $(".btn_top").hide();
        $(".btn_top").on("click",function(){
            $('html, body').animate({scrollTop: 0},300);return false;
        })
        $(window).bind('scroll resize',function(){
            if($(window).scrollTop()<=300){
                $(".btn_top").hide();
            }else{
                $(".btn_top").show();
            }
        })
    })
    /*---------返回顶部 end----------*/
    $(document).ready(function(){
        //导航栏！
        var $liCur = $(".nav ul li.cur"),
                curP = $liCur.position().left,
                curW = $liCur.outerWidth(),
                $slider = $(".curBg"),
                $navBox = $(".nav");
        $targetEle = $(".nav ul li a"),
                $slider.animate({
                    "left":curP,
                    "width":curW
                });
        $targetEle.mouseenter(function () {
            var $_parent = $(this).parent(),
                    _width = $_parent.outerWidth(),
                    posL = $_parent.position().left;
            $slider.stop(true, true).animate({
                "left":posL,
                "width":_width
            }, "fast");
        });
        $navBox.mouseleave(function (cur, wid) {
            cur = curP;
            wid = curW;
            $slider.stop(true, true).animate({
                "left":cur,
                "width":wid
            }, "fast");
        });
        //导航栏
        //侧边上下滑动
        $('#triangle1').addClass('triangle');
        $('#oneCon1').addClass('oneCon');
        $('#udesk-feedback-tab').mouseover(function () {
            $('#triangle2,#triangle3').removeClass();
            $('#oneCon2,#oneCon3').removeClass();
            $('#triangle1').addClass('triangle');
            $('#oneCon1').addClass('oneCon');
        });

        $('.consult').mouseover(function () {
            $('#triangle1,#triangle3').removeClass();
            $('#oneCon1,#oneCon3').removeClass();
            $('#triangle2').addClass('triangle2');
            $('#oneCon2').addClass('oneCon');
        });

        $('.cart').mouseover(function () {
            $('#triangle1,#triangle2').removeClass();
            $('#oneCon1,#oneCon2').removeClass();
            $('#triangle3').addClass('triangle3');
            $('#oneCon3').addClass('oneCon');
        });
        //侧边上下滑动
    })
</script>
</body>
</html>
